<div class="centrarregistro">

	<h3>Ingrese los datos para crear un nuevo proceso</h3>

	<form action="/procesodinamico/mostraractividad/" method="post" enctype="multipart/form-data" >

		
			<fieldset>
			<legend>Datos Del Proceso</legend>
				<p>Nombre Del Programa: 
					<input type="text" name="" size="25" />
				</p>
				<p>Profesor:
					<input type="text" name="" size="50" />
				</p>			
				<p>Fecha De Inicio: 
					<input type="text" name="" size="25" />
				</p>
				<p>Fecha De Fin: 
					<input type="text" name="" size="25" />
				</p>
			</fieldset>
		
		<!--	
			<p>Etapas: 
				<?php //echo $ComboEtapa; ?>
			</p>
		-->		
		
	
	<div>
	<fieldset>
		<legend>Etapas</legend>&nbsp;
				
			<?php 
				$totalEtapas=count($Etapas);
				//print_r($Etapas);
				for($i=0;$i<$totalEtapas;$i++){				
				echo "<input type=\"checkbox\" name=\"etapa\" id=\"etapa\" onchange=\"if(this.parentNode.getElementsByTagName('div')[".$i."].style.display != ''){this.parentNode.getElementsByTagName('div')[".$i."].style.display = '';}else{this.parentNode.getElementsByTagName('div')[".$i."].style.display = 'none';}\">".$Etapas[$i]['nombre']." &nbsp;&nbsp;&nbsp;&nbsp; |  ";
				}
			?>	
			<?php
				for($i=0;$i<$totalEtapas;$i++){
				$tamanio=intval(100/$totalEtapas)-2;
			?>
			<div id="div
				<?php echo $i; ?>" style="display: none; width:<?php echo $tamanio;?>%; height:30%; float:left; border: 1px solid #000; margin:5px; border-radius:10px;" >
						<p style= "float:left;">Las actividades de <?php echo $Etapas[$i]['nombre'];?>:</p>
											
			</div>
			<?php
			}
			?>	
			
			
		<!--	<br><input type="checkbox" name="comprobante" id="boleta" onchange="if(this.checked){document.getElementById('div1').style.display='none';}">Boleta
-->
	</fieldset>	
	</div>
	
<input  type="submit" id="enviar" value="Siguiente">
	
	
		</form>
</div>


